<template>
  <div>
      <!-- 插槽 -->
      <slot v-bind="user"></slot>
      <slot name="my-header"></slot>
      <slot name="my-footer"></slot>
  </div>
</template>


<script>

// 插槽-内容分发
// - 默认插槽
// - 在组件调用的时候，在开始标签和结束标签里面的内容可以传递给调用的组件
// - 在组件可以通过 内置组件slot进行接受  

// - 具名插槽
// <组件名称>
//   <template v-slot:插槽名称>
//     插槽内容
//   </template>
// </组件名称>

// <slot name="插槽名称"></slot>

// - 作用域插槽
// <slot v-bind="值"></slot>
// <template #插槽名称="值"></template>
export default {
  data() {
    return {
      user: {
        name: '我是作用域插槽'
      }
    }
  }
}

</script>
